import { HomeOutlined } from '@ant-design/icons';
import { Button, Result } from 'antd';
import React from 'react';
import { history } from 'umi';

// 这里应该使用 antd 的 404 result 组件，
// 但是还没发布，先来个简单的。

const NoAuthpage: React.FC<{}> = () => (
  <Result
    status="403"
    title="403"
    subTitle="抱歉, 您暂无访问该页面权限！"
    extra={
      <Button type="primary" onClick={() => history.push('/')} icon={<HomeOutlined />}>
        返回主页
      </Button>
    }
  ></Result>
);

export default NoAuthpage;
